<template>
    <h1>属性绑定指令</h1>
    <input type="text" value="tom">
<!--  将value属性的值与name变量进行绑定，由name变量来控制输入框显示的默认值  -->
    <input type="text" v-bind:value="name">
<!--  简写形式  -->
    <input type="text" :value="name">
    <input type="text" v-model="name">
    <hr>
    <a href="url">超连接1</a>
    <a :href="url">超连接2</a>
    <a :href="url1">超连接3</a>
</template>


<script setup>
    import { ref } from 'vue';
    
    
    const name = ref('李女士');
    const url = ref('http://www.bilibili.com');
    url.value = 'http://www.douyin.com';
    const url1 = ref('http://www.douyin.com');
    url1.value = 'http://localhost:63342/jds2409-3/Web/%E5%89%8D%E7%AB%AF%E6%8B%93%E5%B1%95/3D%E5%8F%91%E5%85%89%E7%9B%92%E5%AD%90/p6_cube.html?_ijt=5ueg61suc6j7gecba2bieu1air';
</script>


<style scoped>

</style>